<template>
  <!-- mv播放盒子 -->
  <div class="void">
    <video autoplay :src="mv_img" controls="controls"></video>
    <span class="iconfont icon-chahao" @click="nono_play"></span>
  </div>
</template>

<script>
import {mapState} from 'vuex';
export default {
    
    props:["mv_img"],
    methods:{
      nono_play(){
        this.$bus.$emit('show_mv')
        
      }
    }
  
};
</script>

<style lang="less">
.void {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 600px;
  height: 340px;

  video {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #000;
  }
  .icon-chahao {
    position: absolute;
    width: 25px;
    height: 25px;
    top: -12.5px;
    right: -12.5px;
    background-color: #fff;
    border-radius: 12.5px;
    font-size: 25px;
  }
}
</style>